<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">

*{
margin: 0;
padding: 0;

}


body{
width:960px;
height:300px;
margin:10px auto;
background-color:gray;
}

.all{

}

.box{
width:200px;
margin-left:20px;
float:left;
border:1px dotted red;
}

.box h3{
	width:200px;
	background-color:blue;
}
.box p{
	text-indent:2em;


}


</style>
</head>

<body>
<div class="all">
	<div class="box">
		<h3>前言</h3>
		<p>合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院</p>
	</div>
	
		<div class="box">
		<h3>前言</h3>
		<p>合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院</p>
	</div>
	
		<div class="box">
		<h3>前言</h3>
		<p>合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院</p>
	</div>
	
		<div class="box">
		<h3>前言</h3>
		<p>合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院</p>
	</div>
	<div style="clear:both"></div>
</div>

<div style="width:200px">
<img alt="" src="images/pp.png" style="float:left;position:relative;top:10px">
肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院肥学院合肥学院合肥学院合肥学院合肥学院合肥学院合肥学院
</div>
</body>
</html>